<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<TITLE> jTmpl test</TITLE>
<script type="text/javascript" src="../jtmpl.js"></script>
<!-- <script type="text/javascript" src="jtmpl.pack.js"></script> -->
</HEAD>
<BODY> 
<!-- 

###################################################################

Template - Start

###################################################################

-->
<span id="p1" style="display: none;"><!--
<h2>Заголовок: <% "Строка${title}ИСтрока" %></h2>
Это мой код: <a href="http://rbc.ru">Это ссылка</a>
<% IF item == "2" %>
	<font color="#6600FF">items: <% items %></font>
	<h2>Это первая часть IF</h2>
	<% IF items == 1 %>
		<h3>1 Вложение - первая часть IF</h3>
	<% ELSE %>
		<h3>1 Вложение - часть IF ( ELSE )</h3>
	<% END %>
	<% IF items == 2 %>
		<h3>2 Вложение - первая часть IF</h3>
	<% ELSE %>
		<h3>2 Вложение - часть IF ( ELSE )</h3>
	<% END %>
<% ELSE %>
	<h2>Это вторая часть IF ( ELSE )</h2>
<% END %>
Конец шаблона
--></span>

<span id="i1" style="display: none;"><!-- 
	Слова... 
--></span>

Just fo funs:<br />
<span id="s1_2" style="display: none;"><!-- 
	Это цикл: <% FOR item in user %><br />
		"Внутри внешнего цикла: " --<% item %>--<br />
		<% FOR item in item.user %>
			"Внутри вложенного цикла: " --<% item %>--<br />
		<% END %>
	<% END %>
	Конец шаблона
--></span>
<span id="s1" style="display: none;"><!-- 
	Это умножение num (<% num %> : <% SET num = num + 1 %> : <% num %> )  на 13.5: <% GET ( num - 3) << 13.5 %><br /> 
	Это мой код: <% PROCESS "s2" %><br /> 
	Это цикл: <% FOR item in user %><br />
		Номер в массиве: <% loop.index %>
		<% IF loop.index <= 1 %>
			<h3>Это IF</h3>
		<% ELSE %>
			<h3>это ELSE</h3>
			<h4>loop.next.title: <% loop.next.title %></h4>
			<h4>loop.next.user: <% loop.next.user %></h4>
		<% END %>
		"Внутри внешнего цикла: " --<% item %>--<br />
		<% FOR item in item.user %>
			"Внутри вложенного цикла: " --<% item %>--<br />
		<% END %>
	<% END %>
	Конец шаблона
--></span>
<span id="t1" style="display: none;"><!-- 
	Таблица: Счетчик: <% counter %> <br />
	<table style="border:1px green solid; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;">
	<% FOR item IN rows %>
	<tr style="background-color: <% IF 0 == ( loop.index % 2) %>#CCFFFF<% ELSE %>#FFFFCC<% END %>;">
		<% SET out = item %>
		<% SET out_loop = loop %>
		<% SET tt = "" %>
		<% IF loop.first %>
			<% SET tt = "TOPER" %>
		<% ELSIF loop.last %>
			<% SET tt = "DOWNER" %>
		<% ELSE %>
			<% SET tt = "I" %>
		<% END %>
		<% FOR item IN item.cols %>
		<td style="border:3px <% IF 0 == ( ( out_loop.index + loop.index) % 3) %>green<% ELSIF 0 == ( ( 1 + out_loop.index + loop.index ) % 3) %>black<% ELSE %>blue<% END %> solid; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;">
			row: <% out_loop.index %>, colum: <% loop.index %><br />
			<% SET tt2 = "" %>
			<% IF loop.first %>
				<% SET tt2 = "FIRST" %>
			<% ELSIF loop.last %>
				<% SET tt2 = "LAST" %>
			<% ELSE %>
				<% SET tt2 = "INNER" %>
			<% END %>
			<% out.title %><br /><% item %> : <% tt %> - <% tt2 %> &quot;<% tt2 %>&quot;
		</td>
		<% END %>
	</tr>
	<% END %>
	</table><br />

	<table style="border:1px green solid; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;">
	<% FOR item IN rows2 %>
	<tr>
		<% SET tt = "" %>
		<% IF loop.first %>
			<% SET tt = "TOPER" %>
		<% ELSIF loop.last %>
			<% SET tt = "DOWNER" %>
		<% ELSIF (( item.length - 2 ) > 2 ) %>
			<% SET tt = "LEN - 2" %>
		<% ELSE %>
			<% SET tt = item.length %>
		<% END %>
		<% SET out = loop %>
		<% FOR item in item %>
			<% IF loop.index == 3 %><% LAST %><% END %><% INCLUDE "td1"  %>
		<% END %>
	</tr>
	<% END %>

	</table><br />

	Конец шаблона
--></span>
<span id="td0" style="display: none;"><!-- 
		<td style="border:1px green solid;margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;">TD0</td>
--></span>
<span id="td1" style="display: none;"><!-- 
		<td style="border:1px green solid;margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;">TD1</td>
--></span>
<span id="td2" style="display: none;"><!-- 
		<td style="border:1px green solid;margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;">TD2</td>
--></span>
<span id="td3" style="display: none;"><!-- 
		<td style="border:1px green solid;margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;">TD3</td>
--></span>
<span id="td4" style="display: none;"><!-- 
		<td style="border:1px green solid;margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;">TD4</td>
--></span>
<span id="td5" style="display: none;"><!-- 
		<td style="border:1px green solid;margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;"><% "===> "+ "<==>" %><br /><% "===> "+ "<==>" FILTER html FILTER html %> TD5</td>
--></span>
<span id="td6" style="display: none;"><!-- 
		<td style="border:1px green solid;margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;">TD6</td>
--></span>



<span id="td11" style="display: none;"><!-- 
		<td style="border:1px green solid;margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;">
			<% SET tt2 = "" %>
			<% IF ( (loop.count + 1 ) / 2 ) >= 2 %>RRRRR<% END %>
			<% IF loop.first %>
				<% SET tt2 = "FIRST" %>
			<% ELSIF loop.last %>
				<% SET tt2 = "LAST" %>
			<% ELSE %>
				<% SET tt2 = "I2" %>
			<% END %>
			<% "===> "  FILTER html | html  FILTER html %>
			<% out.count %>/<% loop.count %><hr>tt: <% tt %><hr><% tt2 %>
		</td>
--></span>
<span id="s2" style="display: none;"><!-- 
	Это мой код 2 <br />
	<% SET tt = "Super value" %>
	<h5>tt = <% tt %> </h5>
--></span>

<!-- 


-->

<span id="a1" style="display: none;"><!-- 
<% SET copyright = "&copy; Copyright: "+ year +" "+ author | html %><br />
copyright:: <% copyright %><br />
Конечно, можно добиться того же результата, используя интерполяцию текста в двойных кавычках.<br />
<% SET copyright = "&copy; Copyright ${year} ${author}" %>
copyright::<% copyright %><br />
--></span>

<span id="if1" style="display: none;"><!-- 
Start IF<br />
<h3><% IF one %>
	One
	<% IF five %>
	Five
	<% ELSE %>
	No Five
	<% END %>
<% ELSIF two %>
	Two
<% ELSE %>
	Three
<% END %></h3>
<br />Finish<br />
--></span>

<span id="for1" style="display: none;"><!-- 
Start FOR<br />
<h3><% FOR element IN list %>
 - 	element
<% END %></h3>
<br />Finish<br />
--></span>

<!-- 

###################################################################

Template - End

###################################################################

-->


<script language="JavaScript">
<!--

var jt = new jtmpl();


function view() {
	jt.set_debug('w2');
	jt.process( 's1', "w1", { num: 11, user: [ 1, 2, 3, { title: 'Заголовок' }, { user: [ 'Супер пупер user!', 'Станок -> Деталь', 'Голова от рыбы' ] } ] } );
}

function view_p0() {
	jt.set_debug('w2');
	var line = jt.print( 's2', { item: 2, items: 2 } );
	document.getElementById( 'w1' ).innerHTML = line;
}

var vcounter = 0;
function view_p() {
	jt.set_debug('w2');
	vcounter++;
	var line = jt.print( 't1', 
		{ 
			counter: vcounter,
			rows: [
				{ cols: [ 1, 2, 3, 4, 5, 6], title: 'One' },
				{ cols: [ 2, 3, 4, 5, 6, 7], title: 'Two' },
				{ cols: [ 2, 3, 4, 5, 6, 8], title: 'Three' },
				{ cols: [ 3, 4, 5, 6, 7, 8], title: 'Four' },
				{ cols: [ 4, 5, 6, 7, 8, 9], title: 'Five' },
				{ cols: [ 5, 6, 7, 8, 9, 10], title: 'Six' }
			] ,
			rows2: [
				[ 1, 2, 3, 4, 5, 6],
				[ 2, 3, 4, 5, 6, 7],
				[ 2, 3, 4, 5, 6, 8],
				[ 3, 4, 5, 6, 7, 8],
				[ 4, 5, 6, 7, 8, 9],
				[ 5, 6, 7, 8, 9, 10]
			],
			isone: 1
		}
	);
	document.getElementById( 'w1' ).innerHTML = line;
}

function view_p1() {
	jt.set_debug('w2');
	var line = jt.print( 'p1', { title: 'Заголовок', user: [ 1, 2, 3, { title: 'Заголовок' }, { user: [ 'Супер пупер user!', 'Станок -> Деталь', 'Голова от рыбы' ] } ] } );
	document.getElementById( 'w1' ).innerHTML = line;
}

function view_a1() {
	jt.set_debug('w2');
	var line = jt.process( 'a1', "w1",
		{ 
			year: 2007,
			author: 'CamelBook'
		});
}

function view_if1() {
	jt.set_debug('w2');
	var line = jt.process( 'if1', "w1",
		{ 
			one: true
		});
}

function view_for1() {
	jt.set_debug('w2');
	var line = jt.process( 'for1', "w1",
		{ 
			list: [1, 2, 3]
		});
}
//-->
</script>
<br /><a href="javascript: view();">VIEW</a>&nbsp;|&nbsp;<a href="javascript: view_p();">VIEW_P</a>&nbsp;|&nbsp;<a href="javascript: view_p1();">VIEW_P1</a>&nbsp;|&nbsp;<a href="javascript: view_a1();">VIEW_A1</a>&nbsp;|&nbsp;<a href="javascript: view_if1();">VIEW_IF1</a>&nbsp;|&nbsp;<a href="javascript: view_for1();">VIEW_FOR1</a>
	<hr><div id="w1"></div>
	<hr><div id="w2"></div>
	<hr><div id="w3"></div>
</BODY>
</HTML>


